<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>播放</title>
    <!--    引入网站图标   -->
    <link rel="icon" href="../images/favicon.ico" />
    <!--    重置默认样式   -->
    <link rel="stylesheet" href="../css/reset.css" />
    <!-- 公共样式 -->
    <link rel="stylesheet" href="../css/common.css" />
    <!-- 顶部栏和底部栏 -->

    <link rel="stylesheet" href="../css/base.css" />
    <!-- 页面样式 -->
    <link rel="stylesheet" href="../css/videoPlay/videoPlay.css" />
    <script src="../js/iconfont.js"></script>
  </head>
  <body class="videoBody">
    <div class="videoBack">
      <div class="back">
        <div class="clickback">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-fanhuishangyiye"></use>
          </svg>
          返回
        </div>
        <div class="tit">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-arrow-right"></use>
          </svg>
        </div>
      </div>
    </div>
    <div class="player">
      <video id="myVideo" src="../images/videoPlay.mp4"></video>
      <div class="controls">
        <!-- 播放 -->
        <a href="javascript:;" class="switch fa fa-play">
          <svg class="icon zanting" aria-hidden="true">
            <use xlink:href="#icon-bofang1"></use>
          </svg>
          <svg class="icon bofang" aria-hidden="true" style="display: none">
            <use xlink:href="#icon-bofang2"></use>
          </svg>
        </a>
        <div class="times">
          <span class="current">00:00:00</span>/
          <span class="totalTime">00:00:00</span>
        </div>
        <a href="javascript:#" class="expend fa fa-expand">
          <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-quanping"></use>
          </svg>
        </a>
        <div class="progress">
          <div class="line"></div>
          <div class="bar"></div>
        </div>
        <select id="select">
          <option value="0.5">0.5x</option>
          <option value="1" selected>1.0x</option>
          <option value="1.25">1.25x</option>
          <option value="1.5">1.5x</option>
          <option value="2">2.0x</option>
        </select>
      </div>
    </div>
    <script src="../js/jquery.min.js"></script>
    <script src="../js/videoPlay.js"></script>
  </body>
</html>
